<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!-- 导入vue.js -->
    <script src="vue.js"></script>
    <!-- 导入elementui的css及js -->
    <link rel="stylesheet" href="../plugins/elementui/index.css">
    <script src="../plugins/elementui/index.js"></script>

    <style>
        .el-dropdown-link {
            cursor: pointer;
            color: #409EFF;
        }
        .el-icon-arrow-down {
            font-size: 12px;
        }
        .demonstration {
            display: block;
            color: #8492a6;
            font-size: 14px;
            margin-bottom: 20px;
        }
    </style>

</head>
<body>

    <div id="app" align="center">
        <el-dropdown trigger="click" >
        <span class="el-dropdown-link">
        下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
      </span>
            <el-dropdown-menu slot="dropdown">
                <el-dropdown-item class="el-icon-plus">黄金糕</el-dropdown-item><br>
                <el-dropdown-item icon="el-icon-circle-plus" divided disabled>狮子头</el-dropdown-item><br>
                <el-dropdown-item class="el-icon-circle-plus-outline" divided>螺蛳粉</el-dropdown-item><br>
                <el-dropdown-item class="el-icon-check" divided>双皮奶</el-dropdown-item><br>
                <el-dropdown-item class="el-icon-circle-check" divided>蚵仔煎</el-dropdown-item><br>
            </el-dropdown-menu>
        </el-dropdown>
    </div>

</body>
<script>
    new Vue({
        el : "#app",
        data() {
            return {

            };
        },
        methods: {

        }
    });
</script>

</html>